<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" />
<title>填写资料-用户注册</title>
<link rel="icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://static.test.com/style/v1/base.css" />
<style type="text/css">
.scroll_loading{background:url(http://static.test.com/style/v1/images/common/scroll_load_loading.gif) no-repeat center;}
</style>
</head>
<body>
<div id="zxxMainCon" style="text-align:center;"></div>
<script type="text/javascript" src="http://static.test.com/js/loader.js"></script>
<script type="text/javascript">
var tempHTML = "";
for (var i=1; i<=30; i+=1) {
	if (i == 6) {
		tempHTML += '<div class="scroll_loading" data-url="loaded.html"><div style="padding:100px 0; text-align:center;">加载中...</div></div>';
	} else {
		tempHTML += '<div><img class="scroll_loading" data-url="http://image.zhangxinxu.com/image/study/head/s180/'+i+'.jpeg" src="http://static.test.com/style/v1/images/common/scroll_load_pixel.gif" width="180" height="180" /><br />图片'+i+'(新浪微博提供)</div>';
	}
}
document.getElementById("zxxMainCon").innerHTML = tempHTML;

loader.load('module!jquery', function(){
	loader.load('module!scroll-loading', function(){
		$(".scroll_loading").scrollLoading();
	});
});	
</script>
</body>
</html>
